<input type="hidden" name="path" value="__PUBLIC__" />
<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">开始时间</label>
    <div class="am-u-sm-4" style="float: left;">
        <div class="am-input-group input-group" id='datetimepicker1'>
            {if condition="$record.begin_at"}
            <input class="am-form-field" type="text" name="begin_at" value="{$record.begin_at|date='Y-m-d H:i:s',###}" />
            {else/}
            <input class="am-form-field" type="text" name="begin_at" value="{:date('Y-m-d H:i:s')}" />
            {/if}
            <span class="am-input-group-label datepickerbutton">
                <i class="icon-th am-icon-calendar"></i>
            </span>
        </div>
    </div>
</div>

<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">结束时间</label>
    <div class="am-u-sm-4" style="float: left;">
        <div class="am-input-group input-group" id='datetimepicker2'>
            {if condition="$record.end_at"}
            <input class="am-form-field" type="text" name="end_at" value="{$record.end_at|date='Y-m-d H:i:s',###}" />
            {else/}
            <input class="am-form-field" type="text" name="end_at" value="{:date('Y-m-d H:i:s')}" />
            {/if}
            <span class="am-input-group-label datepickerbutton">
                <i class="icon-th am-icon-calendar"></i>
            </span>
        </div>
    </div>
</div>

<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">活动标题</label>
    <div class="am-u-sm-9">
         <input class="am-form-field" type="text" name="name" value="{$record.name}" />
    </div>
</div>

<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">活动封面</label>
    <div class="am-u-sm-9">
        <div class="am-form-group am-form-file">
            <button type="button" class="am-btn am-btn-danger am-btn-sm" id="filePicker2">
                <i class="am-icon-cloud-upload"></i> 上传活动封面</button>
            <div id="cover" style="margin-top: 10px;">
                {if condition="$record.cover"}
                <img src="{$record.cover}" width="200px" />
                {/if}
            </div>
            <input type="hidden" name="cover" value="{$record.cover}"/>
        </div>
    </div>
</div>

<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">承办单位</label>
    <div class="am-u-sm-9">
        <div class="am-form-group am-form-file">
            <button type="button" class="am-btn am-btn-danger am-btn-sm" id="end_img">
                <i class="am-icon-cloud-upload"></i> 上传承办单位图片</button>
            <div id="end_img_list" style="margin-top: 10px;">
                {if condition="$record.end_img"}
                <img src="{$record.end_img}" width="200px" />
                {/if}
            </div>
            <input type="hidden" name="end_img" value="{$record.end_img}"/>
        </div>
    </div>
</div>

<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">是否开启</label>
    <div class="am-u-sm-9">
        <div class="tpl-switch">
            <input type="checkbox" name="status" class="ios-switch bigswitch tpl-switch-btn" {neq  name="$record.status" value="0"}checked{/neq} />
            <div class="tpl-switch-btn-view"><div></div></div>
        </div>
        <span class="am-form-help">
            关闭时活动页面跳转到错误页面
        </span>
    </div>
</div>

<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">是否开启用户报名</label>
    <div class="am-u-sm-9">
        <div class="tpl-switch">
            <input type="checkbox" name="is_sign_up" class="ios-switch bigswitch tpl-switch-btn" {neq  name="$record.is_sign_up" value="0"}checked{/neq} />
            <div class="tpl-switch-btn-view"><div></div></div>
        </div>
         <span class="am-form-help">
            开启后活动页面的报名入口将显示
        </span>
    </div>
</div>

<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">是否开启红包奖励</label>
    <div class="am-u-sm-9">
        <div class="tpl-switch">
            <input type="checkbox" name="is_reward" class="ios-switch bigswitch tpl-switch-btn" {neq  name="$record.is_reward" value="0"}checked{/neq}  />
            <div class="tpl-switch-btn-view"><div></div></div>
        </div>
         <span class="am-form-help">
            开启后活动投票将获得红包奖励
        </span>
    </div>
</div>


<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">活动红包奖励个数限制</label>
    <div class="am-u-sm-9">
         <input class="am-form-field" type="text" name="reward_limit" value="{$record.reward_limit}" />
    </div>
</div>

<style>
.hb-input {width:83px;}
</style>
{if condition="$record.percentage == ''" }
<?php for($i=0;$i<6;$i++){ ?>
    <div class="am-form-group">
        <label class="am-u-sm-3 am-form-label">红包最低金额</label>
        <div class="am-u-sm-2 hb-input" >
             <input  type="text" name="percentage[hb_low][]" value="0" />
        </div>

        <label class="am-u-sm-2 am-form-label">红包最高金额</label>
        <div class="am-u-sm-2 hb-input" >
             <input  type="text" name="percentage[hb_high][]" value="0" />
        </div>

        <label class="am-u-sm-3 am-form-label">获奖概率（百分比 % ）</label>
        <div class="am-u-sm-2 hb-input" >
             <input  type="text" name="percentage[percentage][]" value="0" />
        </div>
        <div class="am-u-sm-2"></div>
    </div>
<?php } ?>
{else}
{foreach $record.percentage as $hv}
    <div class="am-form-group">
        <label class="am-u-sm-3 am-form-label">红包最低金额</label>
        <div class="am-u-sm-2 hb-input" >
             <input  type="text" name="percentage[hb_low][]" value="{$hv.hb_low}" />
        </div>

        <label class="am-u-sm-2 am-form-label">红包最高金额</label>
        <div class="am-u-sm-2 hb-input" >
             <input  type="text" name="percentage[hb_high][]" value="{$hv.hb_high}" />
        </div>

        <label class="am-u-sm-3 am-form-label">获奖概率（百分比 % ）</label>
        <div class="am-u-sm-2 hb-input" >
             <input  type="text" name="percentage[percentage][]" value="{$hv.percentage}" />
        </div>
        <div class="am-u-sm-2"></div>
    </div>
{/foreach}
{/if}
<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">是否需要审核</label>
    <div class="am-u-sm-9">
        <div class="tpl-switch">
            <input type="checkbox" name="is_pass" class="ios-switch bigswitch tpl-switch-btn" {neq  name="$record.is_pass" value="0"}checked{/neq} />
            <div class="tpl-switch-btn-view"><div></div></div>
        </div>
        <span class="am-form-help">
            是否需要后台人员审核,关闭则用户报名以后自动通过
        </span>
    </div>
</div>

<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">权重比例</label>
    <div class="am-u-sm-9">
        {foreach name="pass_way" id="vo"}
            {if condition="$key != 'backend'"}
            <div style="display: flex;">
                <div><input type="text" value="{$vo}" disabled/></div>
                <div>
                    {if condition="empty($record.weight[$key])"}
                    <input type="number" name="weight_{$key}" style="width:30%" min="1" value="1"/>
                    {else/}
                    <input type="number" name="weight_{$key}" style="width:30%" min="1" value="{$record.weight[$key]}"/>
                    {/if}
                </div>
            </div>
            {/if}
        {/foreach}
        <span class="am-form-help">
            例:微信值为2,上班族值为1时,为同一用户投票<br/>微信投一票,用户支持数增加2,上班族投一票,用户支持数增加1
        </span>
    </div>
</div>

<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">投票限制</label>
    <div class="am-u-sm-9">
        {foreach name="limit_function" id="vo"}
        <label class="am-checkbox-inline">
            <input type="checkbox" value="{$key}" name="limit[]" {if condition="!empty($record.limit) && in_array($key,$record.limit)"}checked{/if}>{$vo}
        </label>
        {/foreach}
        <div style="display: flex;">
            <div><input type="text" value="手机归属地-市" disabled/></div>
            <div><input type="text" name="limit_param[phone_area]"  value="{$record.limit_param.phone_area?:''}"/></div>
        </div>
        <div style="display: flex;">
            <div><input type="text" value="IP区域限制-省" disabled/></div>
            <div><input type="text" name="limit_param[province]"  value="{$record.limit_param.province?:''}"/></div>
        </div>
        <div style="display: flex;">
            <div><input type="text" value="IP区域限制-市" disabled/></div>
            <div><input type="text" name="limit_param[city]" value="{$record.limit_param.city?:''}"/></div>
        </div>
        <div style="display: flex;">
            <div style="width:50%"><input type="text" value="同一用户对同一参赛者最多投" disabled/></div>
            <div><input type="text" name="limit_param[vote_times]" value="{$record.limit_param.vote_times?:''}" placeholder="票"/></div>
        </div>
        <div style="display: flex;">
            <div style="width:50%"><input type="text" value="同一ip对同一参赛者最多投"  disabled/></div>
            <div><input type="text" name="limit_param[ip_times]" value="{$record.limit_param.ip_times?:''}" placeholder="票"/></div>
        </div>
        <div style="display: flex;">
            <div><input type="text" value="投票时间间隔" disabled/></div>
            <div><input type="text" name="limit_param[vote_interval]" value="{$record.limit_param.vote_interval?:''}" placeholder="秒"/></div>
        </div>
        <span class="am-form-help">
            不填则规则无效
        </span>
    </div>
</div>

<!-- <div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">是否有抽奖</label>
    <div class="am-u-sm-9">
        <select name="is_draw" class="span2">
            <option value="0">无</option>
            <option value="1" {eq name="$record.is_draw" value="1"}selected{/eq}>有</option>
        </select>
        <span class="am-form-help">仅在上班族投票有用</span>
    </div>
</div> -->

<div class="am-form-group draw">
    <label class="am-u-sm-3 am-form-label">抽奖机会次数</label>
    <div class="am-u-sm-9">
        <input type="number" name="draw_times" data-required="1" class="span1" value="{$record.draw_times}">
        <span class="am-form-help">小于等于0时表示不限制</span>
    </div>
</div>

<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">默认分享信息</label>
    <div class="am-u-sm-9">
        <div>
            <label class="am-form-label">分享标题</label>
            <div>
                <input type="text" name="share_info_title" value="{$record.share_info.title}">
            </div>
            <label class="am-form-label">分享描述</label>
            <div>
                <input type="text" name="share_info_intro" value="{$record.share_info.intro}">
            </div>
            <label class="am-form-label">分享图片</label>
            <div>
                <div class="am-form-group am-form-file">
                    <button type="button" class="am-btn am-btn-danger am-btn-sm" id="share_img">
                        <i class="am-icon-cloud-upload"></i> 上传分享图片(200*200)</button>
                    <div class="uploader-list2" style="margin-top: 10px;">
                        {if condition="$record.share_info.img"}
                        <img src="{$record.share_info.img}" width="200px" />
                        {/if}
                    </div>
                    <input type="hidden" name="share_info_img" value="{$record.share_info.img}"/>
                </div>
            </div>
            <label class="am-form-label">分享链接</label>
            <div>
                <input type="text" name="share_info_url" value="{$record.share_info.url}"/>
            </div>
            {if condition="$record.share_info.url == ''"}
            <span class="am-form-help">
                链接地址为空时将会自动填上该活动的微信链接地址
            </span>
            {/if}
        </div>
    </div>
</div>

<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">活动需要信息</label>
    <div class="am-u-sm-9">
        <button type="button" class="am-btn add-gg">添加</button>
        <div class="text" id="text-box">
            {if condition="$record.act_field"}
            {foreach $record.act_field as $value}
            <div style="margin-top: 10px;" class="notice-item">
                <div style="display: flex;">
                    <div style="width:100px;">
                        <select name="act_field[type][]">
                            <option value="images" {eq name="$value.type" value="images"}selected{/eq}>图片</option>
                            <option value="nickname" {eq name="$value.type" value="nickname"}selected{/eq}>名称</option>
                            <option value="mobile" {eq name="$value.type" value="mobile"}selected{/eq}>手机</option>
                            <option value="birthday" {eq name="$value.type" value="birthday"}selected{/eq}>生日</option>
                            <option value="gender" {eq name="$value.type" value="gender"}selected{/eq}>性别</option>
                            <option value="xuanyan" {eq name="$value.type" value="xuanyan"}selected{/eq}>宣言</option>
                            <option value="shop_address" {eq name="$value.type" value="shop_address"}selected{/eq}>地址</option>
                            <option value="shop_introduction" {eq name="$value.type" value="shop_introduction"}selected{/eq}>简介</option>
                            <option value="cover" {eq name="$value.type" value="cover"}selected{/eq}>封面</option>
                            <option value="voice" {eq name="$value.type" value="voice"}selected{/eq}>音频</option>
                            <option value="body_height" {eq name="$value.type" value="body_height"}selected{/eq}>身高</option>
                            <option value="specialty" {eq name="$value.type" value="specialty"}selected{/eq}>特长</option>
                        </select>
                    </div>
                    <div><input type="text" name="act_field[name][]" value="{$value.name}" placeholder="显示名称"/> </div>
                </div>
                <div><span onclick="up(this)">[ 上移 ]</span><span onclick="down(this)">[ 下移 ]</span><span onclick="del(this)">[ 删除 ]</span></div>
            </div>
            {/foreach}
            {/if}
        </div>
    </div>
</div>

<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">活动报名页面模板</label>
    <div class="am-u-sm-9">
        <input type="text" name="template" value="{$record.template?:'default'}">
    </div>
</div>

<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">活动主题颜色</label>
    <div class="am-u-sm-9">
        <input type="text" name="theme_color" value="{$record.theme_color?:'#f16089'}">
    </div>
</div>

<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">活动首页按钮配置</label>
    <div class="am-u-sm-9">
        <div style="display: flex;">
            <div><input type="text" value="按钮颜色" disabled/></div>
            <div><input type="text" name="btn_info[color]" value="{$record.btn_info.color?:'#b8a063'}" /> </div>
        </div>
        <div style="display: flex;">
            <div><input type="text" value="按钮1" disabled/></div>
            <div><input type="text" name="btn_info[text][]" value="{$record.btn_info.text.0?:'新加入战队'}" /> </div>
        </div>
        <div style="display: flex;">
            <div><input type="text" value="按钮2" disabled/></div>
            <div><input type="text" name="btn_info[text][]" value="{$record.btn_info.text.1?:'人气排行榜'}" /> </div>
        </div>
        <div style="display: flex;">
            <div><input type="text" value="按钮3" disabled/></div>
            <div><input type="text" name="btn_info[text][]" value="{$record.btn_info.text.2?:'我的上传'}" /> </div>
        </div>
    </div>
</div>

<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">活动推广渠道选择</label>
    <div class="am-u-sm-9">
        {foreach $channels as $key=>$vo}
        <label class="am-checkbox-inline">
            <input type="checkbox" value="{$key}" name="channel_ids[]" {if condition="in_array($key,$record.channel_ids)"}checked{/if}/>{$vo}
        </label>
        {/foreach}
    </div>
</div>

<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">轮播图(顶部)</label>
    <div class="am-u-sm-9">
        <button type="button" class="am-btn am-btn-danger am-btn-sm"  id="image">
            <i class="am-icon-cloud-upload"></i> 选择图片(1000*200)</button>
        <div id="imageList" style="margin-top: 10px;">
            {if condition="$record.images"}
            {foreach $record.images as $item}
            <div class="file-item thumbnail">
                <img src="{$item.image}" width="200px"/>
                <div class="info"><span onclick="up(this)">[ 上移 ]</span><span onclick="down(this)">[ 下移 ]</span><span onclick="del(this)">[ 删除 ]</span></div>
                <div class="info"><input type="text" name="images[url][]" placeholder="链接地址" value="{$item.url}"></div>
                <div class="info"><input type="hidden" name="images[image][]" value="{$item.image}"></div>
            </div>
            {/foreach}
            {/if}
        </div>
    </div>
</div>

<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label" >宣传图(个人详情页)</label>
    <div class="am-u-sm-9">
        <button type="button" class="am-btn am-btn-danger am-btn-sm"  id="business_image">
            <i class="am-icon-cloud-upload"></i> 选择图片(1000*600)</button>
        <div id="businessImageList" style="margin-top: 10px;">
            {if condition="$record.business_images"}
            {foreach $record.business_images as $item}
            <div class="file-item thumbnail">
                <img src="{$item.image}" width="200px"/>
                <div class="info"><span onclick="up(this)">[ 上移 ]</span><span onclick="down(this)">[ 下移 ]</span><span onclick="del(this)">[ 删除 ]</span></div>
                <div class="info"><input type="text" name="business_images[url][]" placeholder="链接地址" value="{$item.url}"></div>
                <div class="info"><input type="hidden" name="business_images[image][]" value="{$item.image}"></div>
            </div>
            {/foreach}
            {/if}
        </div>
    </div>
</div>



<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">切换活动，输入活动ID</label>
    <div class="am-u-sm-9">
         <input class="am-form-field" type="text" name="switch_id" value="{$record.switch_id}" />
    </div>
</div>

<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">切换活动按钮图片</label>
    <div class="am-u-sm-9">
        <div class="am-form-group am-form-file">
            <button type="button" class="am-btn am-btn-danger am-btn-sm" id="switch_img">
                <i class="am-icon-cloud-upload"></i> 上传图片</button>
            <div id="switch_img_list">
                {if condition="$record.switch_img"}
                <img src="{$record.switch_img}" width="200px" />
                {/if}
            </div>

            <input type="hidden" name="switch_img" value="{$record.switch_img}"/>
        </div>
    </div>
</div>


<div class="am-form-group">
    <label class="am-u-sm-3 am-form-label">活动简介</label>
    <div class="am-u-sm-9">
        <textarea name="intro" id="intro" style="height:500px;max-height: 800px">{$record.intro}</textarea>
    </div>
</div> 



<div class="am-form-group">
    <div class="am-u-sm-9 am-u-sm-push-3">
        <button type="button" class="am-btn am-btn-primary form-btn">保存修改</button>
        <button type="button" class="am-btn" onclick="history.go(-1);">取消</button>
    </div>
</div>

<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">错误信息</div>
        <div class="am-modal-bd error_msg">

        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn">确定</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1" id="my-modal-loading">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">正在载入...</div>
        <div class="am-modal-bd">
            <span class="am-icon-spinner am-icon-spin"></span>
        </div>
    </div>
</div>
<style type="text/css">
    .webuploader-element-invisible {
        position: absolute ;
        clip: rect(1px 1px 1px 1px);
        top: -5px;
        left: -15px;
    }
    .file-item{margin-top: 10px;}
</style>
<link rel="stylesheet" href="__PUBLIC__/admin/plugin/datetimepicker/amazeui.datetimepicker-se.min.css" />
<script src="__PUBLIC__/admin/plugin/datetimepicker/moment-with-locales.min.js"></script>
<script src="__PUBLIC__/admin/plugin/datetimepicker/amazeui.datetimepicker-se.min.js"></script>
<link href="__PUBLIC__/admin/plugin/wangEditor/wangEditor.min.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="__PUBLIC__/admin/plugin/wangEditor/wangEditor.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/admin/plugin/wangEditor/plupload.full.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/admin/webuploader/webuploader.html5only.min.js"></script>
<script type="text/javascript">

    function uploadInit () {
        // this 即 editor 对象
        var editor = this;
        // 编辑器中，触发选择图片的按钮的id
        var btnId = editor.customUploadBtnId;
        // 编辑器中，触发选择图片的按钮的父元素的id
        var containerId = editor.customUploadContainerId;

        //实例化一个上传对象
        var uploader = new plupload.Uploader({
            browse_button: btnId,  // 选择文件的按钮的id
            url: '{:url("files/upload",["path"=>"editor"])}',  // 服务器端的上传地址
            file_data_name:'file',
            flash_swf_url: '__PUBLIC__/admin/wangEditor/Moxie.swf',
            sliverlight_xap_url: '__PUBLIC__/admin/wangEditor/Moxie.xap',
            filters: {
                mime_types: [
                    //只允许上传图片文件 （注意，extensions中，逗号后面不要加空格）
                    { title: "图片文件", extensions: "jpg,gif,png,bmp" }
                ]
            }
        });

        //存储所有图片的url地址
        var urls = [];

        //初始化
        uploader.init();

        //绑定文件添加到队列的事件
        uploader.bind('FilesAdded', function (uploader, files) {

            // 文件添加之后，开始执行上传
            uploader.start();
        });

        //单个文件上传之后
        uploader.bind('FileUploaded', function (uploader, file, responseObject) {
            //注意，要从服务器返回图片的url地址，否则上传的图片无法显示在编辑器中
            var json = eval('('+responseObject.response+')');
            if(json.code == 0){
                var url = json.url;
                //先将url地址存储来，待所有图片都上传完了，再统一处理
                urls.push('__PUBLIC__'+url);
            }
        });

        //全部文件上传时候
        uploader.bind('UploadComplete', function (uploader, files) {

            // 用 try catch 兼容IE低版本的异常情况
            try {
                //打印出所有图片的url地址
                $.each(urls, function (key, value) {
                    // 插入到编辑器中
                    editor.command(null, 'insertHtml', '<img src="' + value + '" style="max-width:100%;"/>');
                });
            } catch (ex) {
                // 此处可不写代码
            } finally {
                //清空url数组
                urls = [];

                // 隐藏进度条
                editor.hideUploadProgress();
            }
        });

        // 上传进度条
        uploader.bind('UploadProgress', function (uploader, file) {
            // 显示进度条
            editor.showUploadProgress(file.percent);
        });
    }
    var textarea = document.getElementById('intro');
    // 生成编辑器
    var editor = new wangEditor(textarea);
    editor.config.customUpload = true;
    editor.config.customUploadInit = uploadInit;
    editor.create();

    var $dp1 = $('#datetimepicker1');
    var $dp2 = $('#datetimepicker2');
    $dp1.datetimepicker();
    $dp2.datetimepicker({
        useCurrent: false //Important! See issue #1075
    });
    $dp1.on('dp.change', function(e) {
        $dp2.data('DateTimePicker').minDate(e.date);
    });
    $dp2.on('dp.change', function(e) {
        $dp1.data('DateTimePicker').maxDate(e.date);
    });

//------------------------------------------------
    var cover = WebUploader.create({

        // 选完文件后，是否自动上传。
        auto: true,

        // 文件接收服务端。
        server: '{:url("files/upload",["path"=>"cover"])}',

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: {id:'#filePicker2',multiple:false},

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/gif,image/jpeg,image/jpg,image/png,image/svg'
        }

    });

    cover.on( 'fileQueued', function( file ) {
        var $li = $(
                '<div id="' + file.id + '" class="file-item thumbnail">' +
                '<img>' +
                '<div class="info">' + file.name + '</div>' +
                '</div>'
            ),
            $img = $li.find('img');


        // $list为容器jQuery实例
        $('#cover').html( $li );

        // 创建缩略图
        // 如果为非图片文件，可以不用调用此方法。
        // thumbnailWidth x thumbnailHeight 为 100 x 100
        cover.makeThumb( file, function( error, src ) {
            if ( error ) {
                $img.replaceWith('<span>不能预览</span>');
                return;
            }

            $img.attr( 'src', src );
        }, 200, 200 );
    });

    // 文件上传过程中创建进度条实时显示。
    cover.on( 'uploadProgress', function( file, percentage ) {
        $.AMUI.progress.start();
    });

    // 文件上传成功，给item添加成功class, 用样式标记上传成功。
    cover.on( 'uploadSuccess', function( file ,data) {
        var input = $('input[name=cover]');
        input.val( '__PUBLIC__'+data.url );
    });

    // 完成上传完了，成功或者失败，先删除进度条。
    cover.on( 'uploadComplete', function( file ) {
        $.AMUI.progress.done();
    });
//------------------------------------------------
    var end_img = WebUploader.create({

        // 选完文件后，是否自动上传。
        auto: true,

        // 文件接收服务端。
        server: '{:url("files/upload",["path"=>"end_img"])}',

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: {id:'#end_img',multiple:false},

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/gif,image/jpeg,image/jpg,image/png,image/svg'
        }

    });

    end_img.on( 'fileQueued', function( file ) {
        var $li = $(
                '<div id="' + file.id + '" class="file-item thumbnail">' +
                '<img>' +
                '<div class="info">' + file.name + '</div>' +
                '</div>'
            ),
            $img = $li.find('img');


        // $list为容器jQuery实例
        $('#end_img_list').html( $li );

        // 创建缩略图
        // 如果为非图片文件，可以不用调用此方法。
        // thumbnailWidth x thumbnailHeight 为 100 x 100
        end_img.makeThumb( file, function( error, src ) {
            if ( error ) {
                $img.replaceWith('<span>不能预览</span>');
                return;
            }

            $img.attr( 'src', src );
        }, 200, 200 );
    });

    // 文件上传过程中创建进度条实时显示。
    end_img.on( 'uploadProgress', function( file, percentage ) {
        $.AMUI.progress.start();
    });

    // 文件上传成功，给item添加成功class, 用样式标记上传成功。
    end_img.on( 'uploadSuccess', function( file ,data) {
        var input = $('input[name=end_img]');
        input.val( '__PUBLIC__'+data.url );
    });

    // 完成上传完了，成功或者失败，先删除进度条。
    end_img.on( 'uploadComplete', function( file ) {
        $.AMUI.progress.done();
    });
//------------------------------------------------
    var switch_img = WebUploader.create({

        // 选完文件后，是否自动上传。
        auto: true,

        // 文件接收服务端。
        server: '{:url("files/upload",["path"=>"switch_img"])}',

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: {id:'#switch_img',multiple:false},

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/gif,image/jpeg,image/jpg,image/png,image/svg'
        }

    });

    switch_img.on( 'fileQueued', function( file ) {
        var $li = $(
                '<div id="' + file.id + '" class="file-item thumbnail">' +
                '<img>' +
                '<div class="info">' + file.name + '</div>' +
                '</div>'
            ),
            $img = $li.find('img');


        // $list为容器jQuery实例
        $('#switch_img_list').html( $li );

        // 创建缩略图
        // 如果为非图片文件，可以不用调用此方法。
        // thumbnailWidth x thumbnailHeight 为 100 x 100
        switch_img.makeThumb( file, function( error, src ) {
            if ( error ) {
                $img.replaceWith('<span>不能预览</span>');
                return;
            }

            $img.attr( 'src', src );
        }, 200, 200 );
    });

    // 文件上传过程中创建进度条实时显示。
    switch_img.on( 'uploadProgress', function( file, percentage ) {
        $.AMUI.progress.start();
    });

    // 文件上传成功，给item添加成功class, 用样式标记上传成功。
    switch_img.on( 'uploadSuccess', function( file ,data) {
        var input = $('input[name=switch_img]');
        input.val( '__PUBLIC__'+data.url );
    });

    // 完成上传完了，成功或者失败，先删除进度条。
    switch_img.on( 'uploadComplete', function( file ) {
        $.AMUI.progress.done();
    });
//------------------------------------------------
    var share_img = WebUploader.create({

        // 选完文件后，是否自动上传。
        auto: true,

        // 文件接收服务端。
        server: '{:url("files/upload",["path"=>"share_img"])}',

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: {id:'#share_img',multiple:false},

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/gif,image/jpeg,image/jpg,image/png,image/svg'
        }

    });

    share_img.on( 'fileQueued', function( file ) {
        var $li = $(
                '<div id="' + file.id + '" class="file-item thumbnail">' +
                '<img>' +
                '<div class="info">' + file.name + '</div>' +
                '</div>'
            ),
            $img = $li.find('img');


        // $list为容器jQuery实例
        $('.uploader-list2').html( $li );

        // 创建缩略图
        // 如果为非图片文件，可以不用调用此方法。
        // thumbnailWidth x thumbnailHeight 为 100 x 100
        share_img.makeThumb( file, function( error, src ) {
            if ( error ) {
                $img.replaceWith('<span>不能预览</span>');
                return;
            }

            $img.attr( 'src', src );
        }, 200, 200 );
    });

    // 文件上传过程中创建进度条实时显示。
    share_img.on( 'uploadProgress', function( file, percentage ) {
        $.AMUI.progress.start();
    });

    // 文件上传成功，给item添加成功class, 用样式标记上传成功。
    share_img.on( 'uploadSuccess', function( file ,data) {
        var input = $('input[name=share_info_img]');
        input.val( '__PUBLIC__'+data.url );
    });

    // 完成上传完了，成功或者失败，先删除进度条。
    share_img.on( 'uploadComplete', function( file ) {
        $.AMUI.progress.done();
    });

    $('.form-btn').click(function(){

        var form = $(this).parents('form');
        var url = form.attr('action');
        var formData = form.serializeArray();
        $.ajax({
            url:url,
            type:'post',
            data:formData,
            dataType:'json',
            success:function(result){
                if(result.code == 0){
                    $('.am-modal-hd').text(result.message);
                    $('#my-modal-loading').modal('open');
                    timed();
                }else{
                    $('.error_msg').text(result.message);
                    $('#my-alert').modal('open');
                }
            }
        });
        return false;
    });

    function timed()
    {
        var t=setTimeout("location.href='{:url($code.'/index')}'",1000);
    }

    $('.add-gg').click(function(){
        var html = '<div style="margin-top: 10px;" class="notice-item">' +
            '<div style="display: flex;">' +
            '<div style="width:100px;">' +
            '<select name="act_field[type][]">' +
            '<option value="images">图片</option>' +
            '<option value="nickname">名称</option>' +
            '<option value="mobile">手机</option>' +
            '<option value="birthday">生日</option>' +
            '<option value="gender">性别</option>' +
            '<option value="xuanyan">宣言</option>' +
            // '<option value="shop_name">企业名称</option>' +
            '<option value="shop_address">地址</option>' +
            '<option value="shop_introduction">简介</option>' +
            '<option value="cover">封面</option>' +
            '<option value="voice">音频</option>' +
            '<option value="body_height">身高</option>' +
            '<option value="specialty">特长</option>' +
            '</select>' +
            '</div>' +
            '<div><input type="text" name="act_field[name][]" placeholder="显示名称"/> </div>' +
            '</div>' +
            '<div><span onclick="up(this)">[ 上移 ]</span><span onclick="down(this)">[ 下移 ]</span><span onclick="del(this)">[ 删除 ]</span></div>' +
            '</div>';
        $('#text-box').append(html);
    });

    function up(obj){
        var e=$(obj).parents('.notice-item');
        e.prev().before(e);
    }

    function down(obj){
        var e=$(obj).parents('.notice-item');
        e.next().after(e);
    }

    function del(obj){
        var e=$(obj).parents('.notice-item');
        e.remove();
    }

    var image = WebUploader.create({

        // 选完文件后，是否自动上传。
        auto: true,

        // 文件接收服务端。
        server: '{:url("files/upload")}',

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#image',

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/gif,image/jpeg,image/jpg,image/png,image/svg'
        }
    });

    image.on( 'fileQueued', function( file ) {
        var $li = $(
                '<div id="' + file.id + '" class="file-item thumbnail">' +
                '<img>' +
                '<div class="info">' + file.name + '  <span onclick="up(this)">[ 上移 ]</span><span onclick="down(this)">[ 下移 ]</span><span onclick="del(this)">[ 删除 ]</span></div>' +
                '<div class="info"><input type="text" name="image[url][]" placeholder="链接地址"></div>' +
                '<div class="info"><input type="hidden" name="image[image][]"></div>' +
                '</div>'
            ),
            $img = $li.find('img');


        // $list为容器jQuery实例
        $('#imageList').append( $li );

        // 创建缩略图
        // 如果为非图片文件，可以不用调用此方法。
        // thumbnailWidth x thumbnailHeight 为 100 x 100
        image.makeThumb( file, function( error, src ) {
            if ( error ) {
                $img.replaceWith('<span>不能预览</span>');
                return;
            }

            $img.attr( 'src', src );
        }, 100, 100 );
    });

    // 文件上传过程中创建进度条实时显示。
    image.on( 'uploadProgress', function( file, percentage ) {
        $.AMUI.progress.start();
    });

    // 文件上传成功，给item添加成功class, 用样式标记上传成功。
    image.on( 'uploadSuccess', function( file ,data) {
        var e = $( '#'+file.id );
        var input = e.find('input[type=hidden]');
        input.val( '__PUBLIC__'+data.url );
    });

    // 文件上传失败，显示上传出错。
    image.on( 'uploadError', function( file ) {
        var $li = $( '#'+file.id ),$error = $li.find('div.error');
        // 避免重复创建
        if ( !$error.length ) {
            $error = $('<div class="error"></div>').appendTo( $li );
        }
        $error.text('上传失败');
    });

    // 完成上传完了，成功或者失败，先删除进度条。
    image.on( 'uploadComplete', function( file ) {
        $.AMUI.progress.done();
    });

    var business_image = WebUploader.create({

        // 选完文件后，是否自动上传。
        auto: true,

        // 文件接收服务端。
        server: '{:url("files/upload")}',

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#business_image',

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/gif,image/jpeg,image/jpg,image/png,image/svg'
        }
    });

    business_image.on( 'fileQueued', function( file ) {
        var $li = $(
                '<div id="' + file.id + '" class="file-item thumbnail">' +
                '<img>' +
                '<div class="info">' + file.name + '  <span onclick="up(this)">[ 上移 ]</span><span onclick="down(this)">[ 下移 ]</span><span onclick="del(this)">[ 删除 ]</span></div>' +
                '<div class="info"><input type="text" name="business_image[url][]" placeholder="链接地址"></div>' +
                '<div class="info"><input type="hidden" name="business_image[image][]"></div>' +
                '</div>'
            ),
            $img = $li.find('img');


        // $list为容器jQuery实例
        $('#businessImageList').append( $li );

        // 创建缩略图
        // 如果为非图片文件，可以不用调用此方法。
        // thumbnailWidth x thumbnailHeight 为 100 x 100
        business_image.makeThumb( file, function( error, src ) {
            if ( error ) {
                $img.replaceWith('<span>不能预览</span>');
                return;
            }

            $img.attr( 'src', src );
        }, 100, 100 );
    });

    // 文件上传过程中创建进度条实时显示。
    business_image.on( 'uploadProgress', function( file, percentage ) {
        $.AMUI.progress.start();
    });

    // 文件上传成功，给item添加成功class, 用样式标记上传成功。
    business_image.on( 'uploadSuccess', function( file ,data) {
        var e = $( '#'+file.id );
        var input = e.find('input[type=hidden]');
        input.val( '__PUBLIC__'+data.url );
    });

    // 文件上传失败，显示上传出错。
    business_image.on( 'uploadError', function( file ) {
        var $li = $( '#'+file.id ),$error = $li.find('div.error');
        // 避免重复创建
        if ( !$error.length ) {
            $error = $('<div class="error"></div>').appendTo( $li );
        }
        $error.text('上传失败');
    });

    // 完成上传完了，成功或者失败，先删除进度条。
    business_image.on( 'uploadComplete', function( file ) {
        $.AMUI.progress.done();
    });

    function change_draw(val){
        if(val == 1){
            $('.draw').show();
        }else{
            $('.draw').hide();
        }
    }

    $('select[name=is_draw]').change(function(){
        change_draw($(this).val());
    });

    change_draw('{$record.is_draw}');

//------------------------------------------------

</script>